<section class="middle-box text-center loginscreen fadeInDown">
    <div>
        <h1 class="logo-name">
        	<img ng-src="{{logo3}}" />
        </h1>
    </div>
    <h3>小艾爱跑 | 比赛助手</h3>
    <p>用户注册</p>
    <form class="m-t" role="form" name="registerForm" ng-submit="register.submitForm(registerForm.$valid)" novalidate>
        <div class="form-group has-feedback" ng-class="{'has-error': registerForm.username.$invalid && !registerForm.username.$pristine}">
            <input type="text" name="username" class="form-control" placeholder="请输入您的手机号" ng-model="register.user.username" ng-pattern="/^\d{11}$/" minlength="11" ng-maxlength="11" required>
            <div class="m-t-xs" ng-show="!registerForm.username.$pristine" ng-messages="registerForm.username.$error" ng-messages-multiple>
                <div ng-messages-include="{{register.phoneHtml}}"></div>
            </div>
        </div>
        <div class="form-group has-feedback" ng-class="{'has-error': registerForm.password.$invalid && !registerForm.password.$pristine}">
            <input type="password" name="password" class="form-control" placeholder="请输入您的密码(8-16位英文数字组合)" ng-model="register.user.password" ng-minlength="8" ng-maxlength="16" required>
            <div class="m-t-xs" ng-show="!registerForm.password.$pristine" ng-messages="registerForm.password.$error" ng-messages-multiple>
                <div ng-messages-include="{{register.passwordHtml}}"></div>
            </div>
        </div>
        <div class="form-group">
            <div class="row">
                <div class="col-sm-6">
                    <input type="text" class="form-control" id="input-code" name="code" placeholder="请输入验证码" ng-model="register.user.code" required>
                </div>
                <div class="col-sm-6">
                    <button type="button" class="btn btn-primary loading-text" loading-text="30" ng-class="{active: !loadingText}" ng-disabled="registerForm.username.$invalid || !loadingText" ng-click="register.getCode(registerForm.username.$valid)">发送验证码</button>
                </div>
            </div>
        </div>
        <button type="submit" class="btn btn-primary block full-width m-b">注册</button>

        <p class="text-muted text-center"><small>已有帐号?</small></p>
        <a class="btn btn-sm btn-white btn-block" ui-sref="loginindex.login">登录</a>
    </form>
    <p class="m-t">
    	<small>沪ICP-13034568号-1©2015 上海跑盟文化传播有限公司 All rights reserved.</small>
    </p>
</section>